/*
Theme Name: ccr alive v1
Theme URI: http://purposemakers.net 
Description: ccr alive v1
Author: Michael McCrea
Version: 1.0
*/

/* Test */


/*-----------------------------------------------------------------------------------------------
  Reset and Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}

blockquote, q {
  quotes:none
}

blockquote:before, blockquote:after, q:before, q:after {
  content:'';
}

:focus {
  outline:0
}

ins {
  text-decoration:none
}

del {
  text-decoration:line-through
}

table {
  border-collapse:collapse;
  border-spacing:0
}

h1, h2, h3, h4, h5, h6, p { margin:0 0 1em 0; }


.hidden { display:none; }
.left, .alignleft{float:left; }
.right, .alignright{float:right; }
img.alignleft{ padding:0 10px 10px 0 }
img.alignright{ padding:0 0 10px 10px }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
.clear_left{clear:left;}
a img{ border:none; }
.no-padding {padding:0 !important }



/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
  color:#333;
  font: 13px/1.4 "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
  /* background:#f5f5f5 url(img/body_bg_01.png) top left repeat-y;  */
}

/* This class sets the width and position for all rows */
.inside {
  width:960px;
  margin:0 auto;
  padding:0;  
}

a {
  color:#ca0114;
  text-decoration:none;
  font-weight:bold;
}

a:hover { 
  color:#666;
}

h1, h2, h3, h4{
  font-size:21px;
  color:#666;
  font-weight:bold;
  padding-top: 10px;
  margin:0 0 10px 0;  
}

h2 {

}


h3 {
  color:#ca0114;
  margin-bottom:3px;
}

h4{
  font-size:15px;
  font-weight:bold;
  color:#333;
  margin-bottom:3px;
}

p{
  line-height:1.75em;
}

ul, ol {
  margin:0 20px;
}

ul li{
  list-style-type:square;
  margin:5px 0 5px 25px;
}

ol li{
  margin:5px 0 5px 25px;
}

blockquote{
  padding:1px 12px 1px 1em;
  border-left:2px solid #ca0114;
  color:#bbb;
  background-color:#333;
  font-size:1.1em
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#header { 
  background:#940024 url(img/header_bg_01.jpg) top left repeat-x;
  height:85px;
}

#header h1 { 
  margin:10px 0 0 15px;
  padding:0;
  float:left;
}

#header h2 { 
  float:right;
  margin:5px 15px 0 0;
  padding:0;
}

#header h3 { 
  font-size:11px;
  margin:0;
  float:left;
  padding:3px 0 0 72px;
  color:#ccc;
  clear:left;
  width:545px;
}

#header h1 a, #header h2 a { 
  text-decoration:none; 
  display:block;
  width:245px;
  height:46px;
  border:0;
  text-indent:-10000px;
  background: transparent url(img/ccr_alive_logo_02.png) no-repeat left top;
}

#header h2 a { 
  width:140px;
  height:70px;
  background: transparent url(img/ccght_logo_01.png) no-repeat left top;
}

.edit-link {
  padding:0 0 50px 260px;
  float:left;
}

#help_section {
  position:absolute;
  top:100px;
  left:45px;
  background: transparent url(img/help_section_bg_01.png) 0 0 no-repeat;
  z-index:5000;
  width:300px;
  height:350px;
  padding:10px 10px 10px 60px;;
  font-size:11px;
  color:#000;
  display:none;  
}

#help_section h4 {
  margin:0;
  padding:3px 0 5px 0;
  color:#000;
  font-size:15px;
}

#help_section ol {
  margin:0;
}

#help_section li {
  margin:0 0 0 20px;
  padding:0 0 5px 0;
}

#help_section p, #help_section img {
  margin:0 0 5px 0;
  padding:0;
  color:#000;
}

#help_section #close_help {
  position:absolute;
  top:-8px;
  right:-8px;
  width:16px;
  height:16px;
  background: transparent url(img/cross-circle-frame.png) 0 0 no-repeat;
  cursor:pointer;
}

#help_section_standard {
  position:absolute;
  top:100px;
  left:45px;
  background: transparent url(img/help_section_bg_normal_01.png) 0 0 no-repeat;
  z-index:5000;
  width:53px;
  height:53px;
  cursor:pointer;  
}



/*-----------------------------------------------------------------------------------------------
  Top nav
-----------------------------------------------------------------------------------------------*/

ul#top_nav {
  border:0;
  padding:0;
  margin:10px 0 0 0;
  float:left;
}

ul#top_nav li{
  float: left; 
  list-style-type: none;
  margin:0;
  padding:0;
}

ul#top_nav li a {
  margin: 10px 15px 0 20px;
  padding:5px 30px 5px 10px;    
  float: left;
  display: block;
  color:#fff; 
  font-size:15px;
  text-decoration: none;
  background: transparent url(img/arrow_01.png) no-repeat right 12px;
  -moz-border-radius: 5px;
  border-radius:  5px;
}

ul#top_nav li a:hover{
  color:#000;
  background: #eee url(img/arrow_hover_01.png) no-repeat right 12px;
}


.nav ul { 
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
}

.nav {
  z-index: 100;
  position: relative;
}

.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

.nav li a {
  color: #000;
  display: block;
  padding: 0 9px;
  text-decoration: none;
}

.nav li a:hover {
  background: #fff;
  color: #000;	
}

#top_nav li:hover a, 
#top_nav li.sfHover a {
  background: #fff;
  color: #000;
}

#top_nav li:hover ul a, 
#top_nav li.sfHover ul a {
  background: #fff;
  color: #000;
  display:block;
  margin:10px 0 0 0;
  padding:5px 20px 5px 20px;   
}

#top_nav li:hover ul a:hover, 
#top_nav li.sfHover ul a:hover {
  background: #eee;
  color: #ca0114;
  -moz-border-radius:0;
  border-radius:0;  
}

.nav ul {
  background: #fff;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: 20px;
}

.nav li:hover ul,
.nav li.sfHover ul {
  top: 50px;
}

.nav ul li {
  border: 0;
  float: none;
}

.nav ul a {
  width:230px;  
}

.nav ul a:hover {
  background: #ccc;
  color: #000;
}

.sf-menu li ul {

}

.sf-menu li li, .sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background-color:#fff;
  color:#CA0114 !important;
}

/*-----------------------------------------------------------------------------------------------
  Map
-----------------------------------------------------------------------------------------------*/

#map_canvas {
  height:360px;
}

#map_canvas p {
  padding:0 20px 0 0;
  margin:0;
}

#map_overlay {
  width:1264px;
  height:360px;
  position: absolute;
  top: 85px;
  left: 50%;
  margin-left: -632px;
  background: #e9e9e9 url(img/explore_bg_03.jpg) top left repeat-x; 
  z-index:5001;
  display:none;
}


#map_overlay a {
  display:block;
  width:175px;
  height:50px;
  position: absolute;
}

#map_overlay a#binevenagh {
  top:142px;
  left:388px;
}

#map_overlay a#antrim-coast {
  top:140px;
  left:775px;
}

#map_overlay a#causeway-aonb {
  top:55px;
  left:600px;
}

#map_overlay a#causeway-route {
  top:250px;
  left:540px;
}

/*-----------------------------------------------------------------------------------------------
  Location Navigation
-----------------------------------------------------------------------------------------------*/

#location_nav {
  background: #e9e9e9 url(img/location_nav_bg_01.png) top left repeat-x;
  height:100px;
  overflow:hidden;
  position:relative;
}

#location_nav ul {
  border:0;
  padding:0;
  height:30px;
  margin:0;
  float:left;
  clear:both;
}

#location_nav ul li{
  float: left;
  list-style-type: none;
  margin:0;
  padding:8px 0;
  width:320px
}

#location_nav ul li a {
  float: left;
  display: block;
  margin: 0 22px 0 0;
  padding:5px;
  font-size:10px;
  text-decoration: none;
  color:#666666;
  width:275px;
}

#location_nav ul li:last-child a {

}

#location_nav ul li a:hover, #location_nav ul li.current_page_item a, #location_nav ul li.current-page-ancestor a {
  color:#000;
  background-color:#fff;
}

#location_nav ul li img, img.location_img {
  float: left;
  clear:left;
}

span.description_text, p.map_description {
  float: right;
  width:215px;
  margin:-3px 0 0 10px;
  line-height: 1.5em;
  font-weight:normal;
  color:#333;
}

span.location_title {
  float:left;
  padding:0 0 10px 0;
  font-size:10px;
  color:#666;  
  font-weight:bold;
}

span.location_id {
  background-color:#ca0114;
  padding:2px 5px;
  color:#fff;
  margin:0 10px 0 0;
  font-size:10px;
  font-weight:bold;
}

span.location_more_link {
  color:#ca0114;
  float:right;
  clear:left;
  font-weight:bold;   
}

#left_arrow, #right_arrow {
  cursor:pointer;
  position:absolute;
}

#left_arrow {
  top:3px;
  left:5px;
}

#right_arrow {
  top:3px;
  right:5px;
}

#reverse_order_container {
  width:250px;
  margin: 0 auto;
  padding: 3px 10px;
  position: relative;
  text-align:center;
}

#reverse_order {
  background-color:#000;
  color:#fff;  
  display:block;
  font-size:10px;
  padding: 5px 10px;
  font-weight:bold;
  cursor:pointer;
  -moz-border-radius:3px;  
}

#reverse_order:hover {
  background-color:#555;
  color:#fff;
}

#location_nav_container {
  float:left;
}

#scroller_nav {
  position:relative;
  background-color:#ccc;
  height:30px;
}

.map_marker_container {
  width:290px;
  margin:0;
  font-size:10px;
  min-height:150px;
}

.marker_navigation_image {
  padding:20px 0 0 0;
  float:left;
}



/*-----------------------------------------------------------------------------------------------
  Content  
-----------------------------------------------------------------------------------------------*/

#content {
  margin:20px 0 0 0;
  float:left;
}

.post {
  margin:0 0 30px 0;
}

#breadcrumb {
  background-color:#ddd;
  color:#666;
  padding:4px 20px;
  font-size:11px;
  font-weight:bold;
}

p.small_address {
  margin:-10px 0 10px 0;
  padding:0;
  font-size:11px;
  color:#ccc;
  font-weight:bold;
}

.main_content {
  width:640px;
  float:left;
  margin:0;  
}

.right_sidebar {
  width:300px;
  float:left;
  margin:0 0 0 20px;
}

.right_sidebar h2 {
  color:#ccc;
  font-size:15px;
  margin:0;
  padding:0;
}

#post_container {
  width:640px;
  float:left;
}

.postbody {
  width:640px;
  float:left;
  margin:20px 0;
}

#left_sidebar {
  width:220px;
  float:left;
  padding:0 20px;
}

#left_sidebar h4 {
  margin:10px 0;
}

.img_container {
  width:100px;
  float:left;
}

.event_info {
  width:520px;
  float:right;
  
}

.event_info h2 {
  margin:0;
  padding:0;
}

.time {
  font-weight:bold;
}

/*-----------------------------------------------------------------------------------------------
  columns - see /wp-content/themes/ccr_alive_v1/functions.php for build script 
-----------------------------------------------------------------------------------------------*/

.rightwrapper{
  float: right;
  width: 100%;
  margin-left: -900px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
}

.rightcolumn{
  margin-left: 900px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
}

.rightcolumn h3 {
  font-size:15px;
  color:#999;
  padding:0 0 20px 0;
  margin:0;
}

.leftcolumn{
  float: left;
  width: 260px; /*Width of left column in pixels*/
}
.leftcolumn h3 {
  font-size:15px;
  padding:25px 0 10px 0;
  margin:0;
}

.centercolumn{
  float: left;
  width: 640px; /*Width of right column in pixels*/
  margin:0 0 50px 0;
}

.centercolumn h2{
  padding:20px 0 0 0;
}

.innertube{
  margin: 90px 20px;
  font-size:11px;
}

.innertube ul {
  padding:0 0 30px 0;
  margin:0;
}

.innertube ul li {
  margin:5px 5px 5px 15px;
}

ul#news li {
  margin:5px 5px 15px 15px;
}

.thumbnails {
  float:left;
  padding:0 20px 20px 0;
}

ul#content_tabs {
  float:left;
  list-style-type:none;
  margin:20px 0 30px 0;
  padding:0;
}

ul#content_tabs li {
float:left;
list-style-type:none;
margin:3px 15px 0 0;
padding:0;
}

ul#content_tabs li a {
  -moz-border-radius:3px 3px 3px 3px;
  background:none repeat scroll 0 0 #E8E8E8;
  border:1px solid #CCCCCC;
  color:#999;
  padding:5px 16px;
  text-transform:uppercase;
}

ul#content_tabs li a:hover {
  background:#808080;
  color:#fff;
}

ul#content_tabs li a.active {
  background:#ca0114 url(img/filter-current.png) no-repeat 50% 100% ;
  border:medium none #E50C8B;
  color:#FFFFFF;
  padding-bottom:17px;
}

ul#content_tabs li#life_ledg a.active {
  background:#ca0114 url(img/filter-current_ledgend.png) no-repeat 50% 100% ;
}

#fbContainer {
  background-color: #F7F7F7;
  border: 2px solid #E3E4E6; 
  padding:10px; 
  margin:30px 0;
  width:640px;
  margin:0 0 0 260px;
}

a.mp3_link {
  width:220px;
  height:65px;
  display:block;
  background: url(img/audio_guide_01.png) top left no-repeat;
  position:relative;
  color:#fff;
}

a.mp3_link:hover {
  color:#ccc;
}

.mp3_link span {
  position:absolute;
  top:32px;
  left:67px;
}

/*-----------------------------------------------------------------------------------------------
  Sidebar 
-----------------------------------------------------------------------------------------------*/

#sidebar {
  margin:30px 0 0 0;
  width:310px;
  float:right;
}

#sidebar h3 {
  margin:0;
  padding:0 0 0 10px;
}

#sidebar ul {
  list-style-type:none;
  margin:10px 10px 0 0;
}

#sidebar ul li {
  list-style-type:none;
  margin:0;
}

#sidebar ul li span {
  color:#d0d0d0;
}

#sidebar ul li a {
	color: #003b79;
  padding:10px;
  border-bottom:1px solid #d0d0d0;
  display:block;	
}

#sidebar ul li a:hover {
  color: #666;
	background:#eeeeee;
}

#funders {
  margin:30px 0 0 0;
  padding:0 0 10px 0;
  background-color:#fff;
  border-top:5px solid #666;
}

/*-----------------------------------------------------------------------------------------------
  Footer 
-----------------------------------------------------------------------------------------------*/

#footer {
  background-color:#666;
  border-top:2px solid #eee;
  margin:0;
  font-size:10px;
  padding:10px 0;
  font-weight:bold;
  color:#333;
}

#footer p {
  margin:0 0 0 20px;
}

#footer p.copyright {
  margin-top:20px;
}

#footer a {
  color:#fff;
}

#footer a:hover {
  color:#333;
}

.ccght_logo {
  float:right;
  background:url(img/ccght_logo_01.png) no-repeat top left;
  width:140px;
  height:70px;
  margin:0 20px 0 0;  
  display:block;
  border:0;
  text-indent:-10000px;
}


/*-----------------------------------------------------------------------------------------------
  SLIMBOX
-----------------------------------------------------------------------------------------------*/


#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
